      <div class="card">
        <div class="card-header">
          <h3 class="card-title">jsGrid</h3>
        </div>
        <!-- /.card-header -->
        <div class="card-body">
          <div id="jsGrid1"></div>
        </div>
        <!-- /.card-body -->
      </div>
      <!-- /.card -->
      
<!-- jsGrid -->
<script src="{{ ADMIN_PUBLIC_PATH }}/plugins/jsgrid/demos/db.js"></script>
<script src="{{ ADMIN_PUBLIC_PATH }}/plugins/jsgrid/jsgrid.min.js"></script><script src="../../plugins/jsgrid/i18n/jsgrid-zh-cn.js"></script>
<!-- AdminLTE App -->
<script src="{{ ADMIN_PUBLIC_PATH }}/dist/js/adminlte.min.js"></script>
<!-- 页面脚本 -->
<script>
  $(function () {
    jsGrid.locale("zh-cn");jsGrid.locale("zh-cn");$("#jsGrid1").jsGrid({
        height: "100%",
        width: "100%",

        sorting: true,
        paging: true,

        data: db.clients,

        fields: [
            { name: "Name", type: "text", width: 150 },
            { name: "Age", type: "number", width: 50 },
            { name: "Address", type: "text", width: 200 },
            { name: "Country", type: "select", items: db.countries, valueField: "Id", textField: "Name" },
            { name: "Married", type: "checkbox", title: "已婚" }
        ]
    });
  });
</script>
</body>
</html>
